<template>
  <div id="uesrtext">
    <textarea placeholder="按  Enter 发送" v-model="content" v-on:keyup="addMessage"></textarea>
  </div>
</template>

<script>
import {mapState} from 'vuex'

export default {
  name: 'uesrtext',
  data () {
    return {
      content:''
    }
  },
  computed: mapState([
    'currentSession'
  ]),
  methods: {
  	addMessage (e) {
  		if (e.keyCode ===13 && this.content.length) {
  		/*	this.$store.commit('addMessage',this.content);
  			this.content='';*/
  		let msgObj = new Object();
  		msgObj.to =this.currentSession.username;
  		msgObj.content = this.content;
  		/*ws是固定写法 chat才是接收端*/
  		this.$store.state.stomp.send('/ws/chat',{},JSON.stringify(msgObj));
  		this.$store.commit('addMessage',msgObj);
  		this.content='';
  		}
  	}
  }
}
</script>

<style lang="scss" scoped>
#uesrtext {
	position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 30%;
  border-top: solid 1px #DDD;
  > textarea {
  	padding: 10px;
  	width: 100%;
  	height: 100%;
  	border: none;
  	outline: none;
  }
}
</style>
